<!doctype html>
<!--
 This page is shown when the extension button is clicked, because the
 "browser_action" field in manifest.json contains the "default_popup" key with
 value "popup.html".
 -->
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <style>
      body {
        font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif;
        font-size: 100%;
        width: 300px;
      }
      #status {
        /* avoid an excessively wide status text */
        white-space: pre;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 400px;
      }
      
      label {
        display: block;
      }
      
      form label, form button {
        margin: 5px;
      }
    </style>

    <!--
      - JavaScript and HTML must be in separate files: see our Content Security
      - Policy documentation[1] for details and explanation.
      -
      - [1]: https://developer.chrome.com/extensions/contentSecurityPolicy
     -->
  </head>
  <body>
    <div id="status"></div>
    <div>
      <h3>驾校快速预约插件<br />(Quick Car Ordering)</h3>
      <p><a target="_blank" href="http://wsyc.lqwang.com/">登陆系统</a></p>
      <p>预定日期格式为：YYYYMMHH，比如20160520</p>
      <p>预定时段允许取值：-1,811,1215,1518,1820</p>
      <fieldset>
      <legend>预约信息：</legend>
      <form>
        <label>预约日期：<input type="text" id="orderDate" value="20160520"/></label>
        <label>预约时段：<input type="text" id="timeSpan" value="811"/></label>
        <button id="ordering" style="font-weight: bold; color: red; font-size: 16px;">立即预约!</button>
      </form>
      </fieldset>
    </div>
  </body>
  <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
  <script type="text/javascript" src="popup.js"></script>
</html>

